<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="/WEB-INF/templates/master.xhtml">
	<ui:define name="content">

<p:panel header="Solicitar Emisión de documentos" style="width:950px;height:500px" styleClass="panel-azul">
	<h:form id="frmSolicitud">
	<p:growl id="msj" showDetail="true" autoUpdate="true"/>
	
	<p:panel header="Documentos solicitados"  styleClass="panel-azul">
	
		<h:panelGrid columns="5">
		
		<h:outputLabel value=" "  />
		<h:outputLabel value=" " />
		<h:outputLabel value="Fecha inicio " />
		<h:outputLabel value="Fecha fin " />
		<h:outputLabel value="Estado: " />
		<h:outputText value="" />
		<h:outputText value="" />
		<p:calendar  id="desde" value="#{atencionSolicitudDocMB.desde}" navigator="true" showOn="button" required="true" requiredMessage="Ingrese la fecha inicial" locale="es"/>
		<p:calendar  id="hasta" value="#{atencionSolicitudDocMB.hasta}" navigator="true" showOn="button" required="true" requiredMessage="Ingrese la fecha final" locale="es"/>
		<h:selectOneMenu style="width:150px" value="#{atencionSolicitudDocMB.estadoSolicitud}">
		<f:selectItems value="#{atencionSolicitudDocMB.listaEstadosSolicitud}"/>
		</h:selectOneMenu>
		</h:panelGrid>
		<p:spacer width="150" height="15"/>
		<h:panelGrid columns="5">
		<p:commandButton value="Listar" action="#{atencionSolicitudDocMB.listarSolicitudes}" update=":frmSolicitud"  />
		
		<p:spacer width="20"/>
		<!--p:commandButton value="Ver Documento" /-->
		<p:commandButton value="Generar Documento" action="#{atencionSolicitudDocMB.atenderSolicitud}" ajax="false" update=":frmSolicitud"/>
		
		</h:panelGrid>
		<br />
		<p:dataTable id="dtLstSolicitud" styleClass="tbl_cgr" value="#{atencionSolicitudDocMB.solicitudes}" var="solicitud" rowIndexVar="idx" rowKey="#{solicitud}" paginator="true" paginatorAlwaysVisible="false" selection="#{atencionSolicitudDocMB.solicitudSelected}"
		paginatorPosition="bottom" widgetVar="dtLstSolicitudWidget">
		<f:facet name="header"><h:outputLabel value="Lista de Documentos Solicitados" /></f:facet>
		<p:column headerText="Item" style="width:50px"><h:outputLabel value="#{idx+1}" /></p:column>
		<p:column headerText="Personal" style="width:200px"><h:outputLabel value="#{solicitud.idPersonal.idPersona.nombreCompleto}" /></p:column>
		<p:column headerText="Tipo Documento" style="width:200px"><h:outputLabel value="#{solicitud.tipoDocumento.descripcion}" /></p:column>
		<p:column headerText="Descripcion / detalle " style="width:300px"><h:outputLabel value="#{solicitud.detalle}" /></p:column>
		<p:column headerText="Fecha Solicitud"><h:outputLabel value="#{solicitud.fechaSolicitud}" >
		<f:convertDateTime pattern="d-MMM-yyyy"  />
		</h:outputLabel>
		</p:column>
		<p:column headerText="Estado solicitud"><h:outputLabel value="#{solicitud.estado}"  /></p:column>
		<p:column headerText="Elegir" selectionMode="single"></p:column>
		</p:dataTable>
	</p:panel>
	
	</h:form>
	
	</p:panel>



		
		
	</ui:define>

</ui:composition>

</html>